<template>
    <van-nav-bar fixed class="app-category__header">
      <van-icon name="bars" slot="left" size="30" />
      <!-- <van-search @focus="$router.push({ name: 'search' })" placeholder="请输入搜索关键词" slot="title" /> -->
      <van-search @click="$router.push({ name: 'search' })" placeholder="请输入搜索关键词" slot="title" />
      <!-- <span v-if="!isLogined" slot="right" @click="$router.push({ name: 'login' })">去登录</span> -->
    </van-nav-bar>
</template>
<script>
import Vue from 'vue'
import { Search, NavBar, Icon } from 'vant'
// import { mapGetters } from 'vuex'

Vue.use(Icon)
Vue.use(NavBar)
Vue.use(Search)
export default {
  name: 'AppCategoryHeader'
}
</script>
<style lang="scss" scoped>
.app-category__header {
  .van-search {
    padding: 0px;
  }
}
</style>
